html{background-color:#fff;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
input,select,textarea{border: 1px solid #ccc;}
input[type="text"],input[type="number"],input[type="submit"],input[type="reset"],textarea{-webkit-appearance:none;}

.tabbar-fixed .page-content, .tabbar-through .page-content, .toolbar-fixed .page-content, .toolbar-through .page-content{padding-bottom: 0px;}
.category{display: none;}
.row{padding: 0 30px;}
.form_box{width:100%;padding: 1%;box-sizing:border-box;margin-bottom: 60px;}
.form_box div.form_control{ min-height:30px;margin: 10px auto;height: auto;width:100%;}
.form_box div label{width:29%;font-size: 13px;display: inline-block;text-align: right;line-height: 30px;float: left;}
.form_box div input,.form_box div select,.form_box div textarea{width:70%;padding-left: 10px;box-sizing: border-box;}
input[type=submit].button, input[type=reset].button{width: 80%;}
.form_box div input,.form_box div select{height: 30px;}
.form_box div.place_box select,.form_box div.place_box input{width:35%;}
.form_box div textarea{resize: none;min-height: 40px;padding-top:3px;padding-bottom:3px;}
div.category div {width:70%;margin-left: 25%;}
div.category div span{width:50px;height:30px;text-align: center;margin: 5px 5px;display: inline-block;background-color: #f0f0f0;
line-height: 30px;font-size: 13px;color: #666;}
div.category div span.active{background-color: #0099ff;color: #fff;}
.form_box div.btn_box{width:220px;margin: 0 auto;}
.form_box div.btn_box input{width:100px;height: 30px;/*background-color: #00a85f;*/color: #fff;padding: 0;}
b.no_null{color: red;font-weight: bold;}
.form_box div label.point_label{width:60px;text-align: left;}
.form_box .point_label input[type="radio"]{width:14px;height: 14px;margin-right: 4px;vertical-align: text-top;}
.form_box div label.error{display: block;width: 100%;text-align: left;padding-left:20%;}
.term_btn {width: 56px;height: 32px;background-color: rgba(0,0,0,0.8);display: inline-block;font-size: 14px;position: fixed;top: 7px;
    right: 14px;z-index: 117;line-height: 32px;text-align: center;}
    .term_btn a{display: inline-block;width:100%;height: 100%;color: #fff;}
/*上传图片插件的样式*/
.image_box{padding: 0 5px;}
section{padding-top:0;}
.img-box{margin-top: 10px;}
.img-box .up-p{font-size: 12px;color: #555;}
.z_photo{padding: 8px;border:2px dashed #E7E6E6;margin-top: 10px;position: relative;}
.z_photo .z_file{position: relative;}
.z_file  .file{width: 80px;height: 80px;opacity: 0;position: absolute;top: 0px;left: 0px;z-index: 100;}
.z_photo .up-section{position: relative;margin: 2px;border: 1px solid #f0f0f0;}
.up-section .close-upimg{position: absolute;top: 6px;right: 4px;display: none;z-index: 10;width:20px;height: 20px;}
.up-section .up-span{display: block;width: 80px;height: 80px;visibility: hidden;position: absolute;top: 0px;left: 0px;z-index: 9;font-size: 12px;background: rgba(0,0,0,.5);}
.up-section:hover{border: 2px solid #f15134;}
.up-section:hover .close-upimg{display: block;}
.up-section:hover .up-span{visibility: visible;}
.z_photo .up-img{display: inline-block;width: 80px;height: 80px;}
.load{border: 1px solid #D1D1D1;background:url(../images/loading.gif) no-repeat center;}
.up-opcity{opacity: 0;}
.img-name-p{display: none;}
.upimg-div .up-section {display: inline-block;width: 80px;height: 80px;}
.img-box .upimg-div .z_file {width: 80px;height: 80px;display: inline-block;}
.z_file .add-img {display: inline-block;width: 80px;height: 80px;}
/*遮罩层样式*/
.mask{z-index: 1000;display: none;position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;background: rgba(0,0,0,.4);}
.mask .mask-content{width: 80%;position: absolute;top: 50%;left: 10%;margin-top: -60px;background: white;height: 126px;text-align: center;border-radius: 10px;}
.mask .tip_content{min-height: 126px;height: auto;}
.mask .mask-content .del-p{color: #555;height: 70px;line-height: 74px;font-size: 16px;border-bottom: 1px solid #D1D1D1;}
.mask .tip_content .del-p{min-height: 70px;height: auto;line-height: 24px;padding-top: 10px;box-sizing: border-box;}
.mask-content .check-p{height: 56px;line-height: 56px;position: absolute;bottom: 0px;left: 0px;width: 100%;}
.mask-content .check-p span{width: 49%;display:inline-block;text-align: center;color:#d4361d ;font-size: 16px;}
.check-p .del-com{border-right: 1px solid #D1D1D1;}
 .error { color: red; text-align: left; border-color: red; }
.img_upding_now{position: absolute;top:30px;display: none;}
.img_upding_now img{display: inline-block;float: left;}
.img_upding_now em{font-style:normal;vertical-align: text-top;float: left;line-height: 30px;}
.form_btn a{width:50%;height: 100%;color: #fff;text-align: center;line-height: 44px;font-size: 0.8rem;}
.form_btn a:first-child{border-right: 1px solid #fff;}
.form_btn{padding: 0;}
.list-block{display: inline-block;}
@media only screen and (min-width: 281px) and (max-width:370px ) {
.form_box div label{width:26%;}	
div.category div{margin-left:26%;}
}

@media (max-width: 280px) {
.form_box{width:80%;margin: 0 auto;}
.form_box div label{display: block;width:100%;text-align: left;}
.form_box div input, .form_box div select,.form_box div textarea{display: block;clear: both;width:100%;}
div.category div{width:100%;padding-left: 0;}
.form_box div label.point_label{display: inline-block;width:46%;}
.form_box .point_label input[type="radio"]{display: inline-block;}
.form_box div.btn_box input{display: inline-block;}
.form_box div.place_box select, .form_box div.place_box input{width:48%;display: inline-block;}
}

